/*
charte graphique :
bleu clair (base) : CAECFF
vert flashy : 00E839
jaune un peu vert : FFFA52
violet bleu : 6A0BE8
rouge magenta : FF3C42
*/

html,body {
	left: 0;
	top: 0;
	height:100%;
	width:100%;
	font-family:arial, sans-serif;
	overflow: hidden;
}

input {
	height:30px;
    font-size:16pt;
}

.spinner {
	z-index:2000;
	display:none;
	margin-left: 25px;
	margin-top: 5px;
}

#div_loading {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(153, 202, 255);
	font-weight: bold;
	z-index: -2;
	padding: 5px 5px;
}

#g_canvas_background {
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}

#div_header_mobile {
	display: none;
}

footer {
	display: none;
	position: fixed;
	margin-right: 200px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 10px 15px;
	height:20px;
	right: 0;
	bottom: 0;
	font-size: 10px;
	z-index: 0;
}

#div_main {
	display: none;
	position: absolute;
	top: 50px;
	left:50px;
	right: 50px;
	font-size: 16px;
	overflow: auto;
	/*background: rgba(0, 255, 0, 0.2);*/
}

#div_what_name {
	display:none;
	position: relative;
	width: 400px;
	height: 200px;
	text-align:center;
	z-index: 0;
}

#div_what_name_unknown {
	display:none;
}

#div_carte {
	position: relative;
	float: left;
	display:none;
	z-index: 50;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 5px 15px;
	margin: auto;
}

.text_around_map {
	text-align: center;
}

#map_container {
	position:relative;
	border-radius:4px;
    overflow:hidden;
    z-index: 1;
    height: 350px;
}

#local_zoom_encore {
	color:#FF3C42;
}

#local_addposition_result {
	display:none;
	color:#FF3C42;
}

#div_helpinfos {
	display:none;
	text-align:center;
}

#div_hideme {
	display:none;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 5px 15px;
	width: 70%;
	margin: auto;
}

#div_conseils {
	text-align:justify;
	text-justify:inter-word;
}

#div_maintenance {
	display:none;
	background-color: #FFFA52;
	top:80px;
	height: 100%;
	margin: auto;
	font-size: 20px;
	overflow: auto;
	text-align:center;
	z-index: 3000;
}

#div_drapeaux {
	display: none;
	position: absolute;
	float: right;
	margin-right: 25px;
	margin-bottom: 15px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 5px 15px;
	right: 0%;
	bottom: 0%;
	z-index: 0;
}

#div_mask {
	display:none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background-color: black;
	opacity: .4;
}

.volet_droit {
	display: none;
	position: relative;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px 15px;
	float: right;
	max-width: 500px;
	z-index: 1002;
	overflow: auto;
	text-align: center;
	margin-top: 50px;
}

#div_whoarewe_text {
	text-align:justify;
	text-justify:inter-word;
}

#div_contact_sent {
	display: none;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 5px 15px;
}

#div_addphoto {
	display:none;
	text-align:center;
}

#progress_photo {
	display:none;
}

#div_profil_photo {
	position: relative;
	float: left;
	display: none;
	margin-left: 50px;
	margin: auto;
	z-index: 300;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 5px 15px;
}

